<template>
  <u-popup :show="continueSubmitShow" mode="center" @close="continueClose" :round="10">
    <view class="continueSubmitBox">
      <view class="subimit_popup_title">
        温馨提示
      </view>
      <view class="submit_tags">
        密码多次输入错误，是否修改支付密码
      </view>
      <view class="popup_bottom_box">
        <view class="white_btn" @tap="continueClose">
          取消
        </view>
        <view class="yellow_btn" @tap="goUpdatePass">修改密码</view>
      </view>
    </view>
  </u-popup>
</template>

<script>
export default {
  data () {
    return {
      continueSubmitShow: false,
    }
  },
  methods: {
    continueClose () {
      this.continueSubmitShow = false
    },
    openModel () {
      this.continueSubmitShow = true;
    },
    goUpdatePass () {
      uni.navigateTo({
        url: '/pages/mine/changePassword'
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.continueSubmitBox {
  width: 400rpx;
  padding: 20rpx;
  border-radius: 20rpx;
  background-color: #fff;

  .subimit_popup_title {
    font-size: 30rpx;
    margin-bottom: 40rpx;
    text-align: center;
  }

  .submit_tags {
    margin-bottom: 40rpx;
    font-size: 24rpx;
    text-align: center;
  }

  .popup_bottom_box {
    display: flex;
    align-items: center;

    .white_btn {
      flex: 1;
      margin-right: 10rpx;
      height: 70rpx;
      line-height: 70rpx;
    }

    .yellow_btn {
      flex: 1;
      height: 70rpx;
      line-height: 70rpx;
    }
  }
}
</style>